.talk-item {
    cursor:pointer;
    display:block;
    padding:20px 20px 70px;
    position:relative;
    margin:0 0 40px;
    min-height:200px;
    -webkit-transition:background-color .3s,color .3s;
    transition:background-color .3s,color .3s;
    width:100%
}
.no-flexbox .talk-item {
    min-height:130px
}
.talk-item:after {
    background-color:#000;
    content:"";
    display:block;
    height:2px;
    left:0;
    position:absolute;
    bottom:0;
    width:100%
}
.talk-item h2 {
    font-size:24px;
    line-height:36px;
    margin:0
}
.talk-item h2 a {
    color:#000;
    -webkit-transition:color .3s;
    transition:color .3s
}
.talk-item .meta {
    font-size:14px;
    display:block;
    line-height:36px
}
.talk-item .speaker {
    bottom:8px;
    display:block;
    font-size:11px;
    left:20px;
    letter-spacing:.2em;
    line-height:12px;
    position:absolute;
    text-transform:uppercase
}
.no-touch .talk-item:hover {
    background-color:#000;
    color:#FFF;
    -webkit-transition:all .4s ease!important;
    transition:all .4s ease!important
}
.no-touch .talk-item:hover h2 a {
    color:#FFF
}
.work-item {
    background-color:#000;
    cursor:pointer;
    float:left;
    overflow:hidden;
    position:relative;
    width:100%
}
.work-item .content {
    background-color:rgba(0,0,0,0);
    bottom:0;
    color:#FFF;
    height:100%;
    left:0;
    padding:0 30px;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:background-color .4s;
    transition:background-color .4s;
    width:100%
}
.work-item .content>div {
    display:table;
    height:100%
}
.work-item .content>div>div {
    display:table-cell;
    vertical-align:middle
}
.work-item .content a {
    color:#FFF
}
.no-csstransitions .work-item .content {
    display:none
}
.no-csstransitions.no-touch .work-item:hover .content {
    background:0 0;
    display:block;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#65000000, endColorstr=#65000000)
}
.work-item h1 {
    cursor:pointer;
    font-size:1em;
    letter-spacing:.005em;
    line-height:1.5;
    margin:0;
    opacity:0;
    padding:0;
    position:relative;
    text-transform:none;
    -webkit-transform:translate(0,15px);
    -ms-transform:translate(0,15px);
    transform:translate(0,15px);
    -webkit-transition:-webkit-transform .4s,opacity .4s;
    transition:transform .4s,opacity .4s
}
.work-item h1:before {
    display:none
}
.work-item h2 {
    cursor:pointer;
    font-size:1.875em;
    letter-spacing:.01em;
    line-height:1.2;
    margin:0 0 0 -2px;
    opacity:0;
    -webkit-transform:translate(0,15px);
    -ms-transform:translate(0,15px);
    transform:translate(0,15px);
    -webkit-transition:-webkit-transform .4s,opacity .4s;
    transition:transform .4s,opacity .4s
}
.work-item img {
    float:left;
    height:auto;
    max-width:100%;
    width:100%;
    -webkit-transition:opacity .4s,-webkit-transform .4s;
    transition:opacity .4s,transform .4s
}
.no-touch .work-item:hover img {
    -webkit-transform:scale(1.03,1.03)!important;
    -ms-transform:scale(1.03,1.03)!important;
    transform:scale(1.03,1.03)!important
}
.no-touch .work-item:hover .content {
    background-color:rgba(0,0,0,.65)
}
.no-touch .work-item:hover h1,.no-touch .work-item:hover h2 {
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1
}
.no-touch .work-item:hover h2 {
    -webkit-transition:-webkit-transform .4s .2s,opacity .4s .2s;
    transition:transform .4s .2s,opacity .4s .2s
}
.js.no-touch.csstransitions .work-item[data-show=on-scroll] {
    opacity:0;
    -webkit-transform:translate(0,80px);
    -ms-transform:translate(0,80px);
    transform:translate(0,80px);
    -webkit-transition:opacity .6s .1s,-webkit-transform .6s;
    transition:opacity .6s .1s,transform .6s
}
.js.no-touch.csstransitions .work-item.in-view {
    opacity:1;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0)
}
@media screen and (min-width:420px) {
    .work-item .content {
        padding:0 100px
    }
    .work-item h1 {
        font-size:1.25em
    }
    .work-item h2 {
        font-size:2.375em
    }
}

@media screen and (min-width:769px) {
    .work-list article {
        float:left;
        width:50%
    }
    .work-list .work-item h1 {
        font-size:1em
    }
    .work-list .work-item h2 {
        font-size:1.875em
    }
}@media screen and (min-width:1000px) {
    .work-list .work-item .content {
        padding:0 100px
    }
    .work-list .work-item h1 {
        font-size:1.375em
    }
    .work-list .work-item h2 {
        font-size:2.625em
    }
}.work-article {
     padding:76px 0 0
 }
.work-article .related-work {
    display:none
}
.full-btn {
    background-color: #FFF;
    border: none;
    color: #181818;
    cursor: pointer;
    display: block;
    font-size:14px;
    margin: 0;
    outline: 0!important;
    padding: 38px;
    text-align: center;
    width: 100%;
    font-family:guoshi, "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif
}
